<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Limitless - Responsive Web Application Kit by Eugene Kopyov</title>

	<!-- Global stylesheets -->
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
	<link href="starters/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
	<link href="starters/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
	<link href="starters/assets/css/core.css" rel="stylesheet" type="text/css">
	<link href="starters/assets/css/components.css" rel="stylesheet" type="text/css">
	<link href="starters/assets/css/colors.css" rel="stylesheet" type="text/css">
	<!-- /global stylesheets -->

	<!-- Core JS files -->
	<script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
	<!-- /core JS files -->

	<!-- Theme JS files -->
	<script type="text/javascript" src="assets/js/plugins/ui/nicescroll.min.js"></script>

	<script type="text/javascript" src="assets/js/core/app.js"></script>
	<script type="text/javascript" src="assets/js/pages/layout_fixed_custom.js"></script>

	<script type="text/javascript" src="assets/js/plugins/ui/ripple.min.js"></script>
	<!-- /theme JS files -->
	<style>
		.bg-indigo {
			background-color: #1a222f;
			border-color: #1a222f;
			color: #fff;
		}
	</style>

</head>

<body class="navbar-top">

<!-- Main navbar -->
<div class="navbar navbar-inverse navbar-fixed-top bg-indigo">
	<div class="navbar-header">
		<a class="navbar-brand" href="index.html"><img src="starters/assets/images/logo_light.png" alt=""></a>

		<ul class="nav navbar-nav pull-right visible-xs-block">
			<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
			<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
		</ul>
	</div>

	<div class="navbar-collapse collapse" id="navbar-mobile">
		<ul class="nav navbar-nav">
			<li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>
		</ul>

		<ul class="nav navbar-nav navbar-right">
			<li><a href="#">Text link</a></li>

			<li>
				<a href="#">
					<i class="icon-cog3"></i>
					<span class="visible-xs-inline-block position-right">Icon link</span>
				</a>
			</li>

			<li class="dropdown dropdown-user">
				<a class="dropdown-toggle" data-toggle="dropdown">
					<img src="starters/assets/images/image.png" alt="">
					<span>Victoria</span>
					<i class="caret"></i>
				</a>

				<ul class="dropdown-menu dropdown-menu-right">
					<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
					<li><a href="#"><i class="icon-coins"></i> My balance</a></li>
					<li><a href="#"><span class="badge badge-warning pull-right">58</span> <i class="icon-comment-discussion"></i> Messages</a></li>
					<li class="divider"></li>
					<li><a href="#"><i class="icon-cog5"></i> Account settings</a></li>
					<li><a href="#"><i class="icon-switch2"></i> Logout</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>
<!-- /main navbar -->


<!-- Page container -->
<div class="page-container">

	<!-- Page content -->
	<div class="page-content">

		<!-- Main sidebar -->
		<div class="sidebar sidebar-main sidebar-default sidebar-fixed">
			<div class="sidebar-content">

				<!-- User menu -->
				<div class="sidebar-user">
					<div class="category-content">
						<div class="media">
							<a href="#" class="media-left"><img src="starters/assets/images/image.png" class="img-circle img-sm" alt=""></a>
							<div class="media-body">
								<span class="media-heading text-semibold">Victoria Baker</span>
								<div class="text-size-mini text-muted">
									<i class="icon-pin text-size-small"></i> &nbsp;Santa Ana, CA
								</div>
							</div>

							<div class="media-right media-middle">
								<ul class="icons-list">
									<li>
										<a href="#"><i class="icon-cog3"></i></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- /user menu -->


				<!-- Main navigation -->
				<div class="sidebar-category sidebar-category-visible">
					<div class="category-content no-padding">
						<ul class="navigation navigation-main navigation-accordion">

							<!-- Main -->
							<li class="navigation-header"><span>Main</span> <i class="icon-menu" title="Main pages"></i></li>
							<li><a href="index.html"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
							<li>
								<a href="#"><i class="icon-stack"></i> <span>Starter kit</span></a>
								<ul>
									<li><a href="horizontal_nav.html">Horizontal navigation</a></li>
									<li><a href="1_col.html">1 column</a></li>
									<li><a href="2_col.html">2 columns</a></li>
									<li>
										<a href="#">3 columns</a>
										<ul>
											<li><a href="3_col_dual.html">Dual sidebars</a></li>
											<li><a href="3_col_double.html">Double sidebars</a></li>
										</ul>
									</li>
									<li><a href="4_col.html">4 columns</a></li>
									<li>
										<a href="#">Detached layout</a>
										<ul>
											<li><a href="detached_left.html">Left sidebar</a></li>
											<li><a href="detached_right.html">Right sidebar</a></li>
											<li><a href="detached_sticky.html">Sticky sidebar</a></li>
										</ul>
									</li>
									<li><a href="layout_boxed.html">Boxed layout</a></li>
									<li class="navigation-divider"></li>
									<li><a href="layout_navbar_fixed_main.html">Fixed top navbar</a></li>
									<li><a href="layout_navbar_fixed_secondary.html">Fixed secondary navbar</a></li>
									<li><a href="layout_navbar_fixed_both.html">Both navbars fixed</a></li>
									<li class="active"><a href="layout_fixed.html">Fixed layout</a></li>
								</ul>
							</li>
							<li><a href="changelog.html"><i class="icon-list-unordered"></i> <span>Changelog</span></a></li>
							<!-- /main -->

						</ul>
					</div>
				</div>
				<!-- /main navigation -->

			</div>
		</div>
		<!-- /main sidebar -->


		<!-- Main content -->
		<div class="content-wrapper">

			<div class="content" layout:fragment="content"></div>

		</div>
		<!-- /main content -->

	</div>
	<!-- /page content -->

</div>
<!-- /page container -->

</body>
</html>
